<template>
  <view class="page">
    <rich-text :nodes="content"></rich-text>
  </view>
</template>

<script>
  import parseHtml from '../../static/js/utils/html-parser.js'
  export default {
    data() {
      return {
        // content: '<div>我  是<span style="color:#FF0000;font-size:36rpx;">富文本</span>组件</div>'
        // content: [{
        //   type: "text",
        //   text: "我是富文本组件"
        // }, {
        //   type: "text",
        //   text: "我是富文本组件2"
        // }]
        // content: [{
        //   type: "node",
        //   name: "div",
        //   children: [{
        //     type: "text",
        //     text: "我是"
        //   }, {
        //     type: "node",
        //     name: "span",
        //     attrs: {
        //       style: "color:#FF0000;font-size:36rpx"
        //     },
        //     children: [{
        //       type: "text",
        //       text: "富文本"
        //     }]
        //   }, {
        //     type: "text",
        //     text: "组件"
        //   }]
        // }]
        
        content:parseHtml('<div>我  是<span style="color:#FF0000;font-size:36rpx;">富文本</span>组件</div>')
        
      };
    }
  }
</script>

<style lang="scss">
  .page {
    width: 100%;
    height: 100vh;
  }
</style>